<?php use_javascript('jquery-1.7.1.min.js') ?>
<html>
    <meta charset="utf-8" />
    <head>
        <script type="text/javascript">          
            
            $(document).ready(function()
            {                                               
                $(".edit_tr").click(function()
                {                  
               
                var ID=$(this).attr('id');
                $("#first_"+ID).hide();                    
                $("#first_input_"+ID).show();                      
                    
                    
            }).change(function()
            {
                var ID=$(this).attr('id');
                var first=$("#first_input_"+ID).val();                    
                var dataString = 'id='+ ID +'&firstname='+first;                    
                if(first.length >0)
                {
                    
                        $.ajax({                         
                            url: '<?php echo url_for('objetivos/graba?id=ID&firstname=first'); ?>',
                            type: "POST",
                            data: dataString,
                            cache: false,                                 
                            success: function(html)
                            {
                                $("#first_"+ID).html(first);                                                                
                            }                            
                        });
                            
                        $("#first_"+ID).html('<?php echo image_tag('load.gif') ?>');
                        $("#first_"+ID).html(first);             
                                                                
                }
                else
                {
                    alert('Campo vacio');
                }
            });
            $(".editbox").mouseup(function() 
            {
                return false
            });
            $(document).mouseup(function()
            {
                $(".editbox").hide();
                $(".text").show();
            });
        });         
        </script>
        <style>
            body
            {
                font-family:Arial, Helvetica, sans-serif;
                font-size:14px;
            }
            .editbox
            {
                display:none
            }
            td
            {
                padding:7px;
            }
            .editbox
            {
                font-size:12px;
                width:auto;
                background-color:#ffffcc;

                border:solid 1px #000;
                padding:4px;
            }
            .edit_tr:hover
            {
                background:url('/images/edit.png') right no-repeat #80C8E5;
                cursor:pointer;
            }


            th
            {
                font-weight:bold;
                text-align:left;
                padding:4px;
            }
            .head
            {
                background-color:#333;
                color:#FFFFFF

            }

        </style>        
    </head>
        
    <div id="titulos" align="center"><h1>Proyecto actual</h1></div><br>
    <div align="center"><b><?php echo $proyecto->getNombre() ?></b></div>
    <br>
    <div id="tituloslistas" align="center"><h1>Lista de Objetivos</h1></div><br>

    <div id="cajaprincipalproyecto" align="center"><br>
        <div id="fondos" align="center"><br>
            <table border="1" align="center" id="contextual" class="table">
                <thead>
                    <tr id="filascolor">
                        <th align="center">Nombre</th>            
                        <th colspan="3" align="center">Opciones</th>                                    
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($objetivos as $objetivo): ?>
                        <tr>                            

                            <td id="<?php echo $objetivo->getIdOb() ?>" class="edit_tr" >
                                <span id="first_<?php echo $objetivo->getIdOb() ?>" class="text"><?php echo $objetivo->getNombre()  ?></span>
                                <textarea   rows="3" cols="150"  class="editbox" id="first_input_<?php echo $objetivo->getIdOb() ?>" ><?php echo $objetivo->getNombre()  ?></textarea>
                            </td>                
                            <td id="contextual"><a href="<?php echo url_for('objetivos/edit?id_ob=' . $objetivo->getIdOb()) ?>"><div class="button button-green"><span><div class="spritesedit" id="edit-icon_jpg" align="center"></div>Editar</span></div></a></td>                
                            <td id="contextual"><a href="<?php echo url_for('actividades/index?id_ob=' . $objetivo->getIdOb()) ?>"><div class="button button-black"><span><div class="spriteseditcontenidoobj" id="Setting-icon_jpg" align="center"></div>Actividades(Paso 3)</span></div></a></td>
                            <td id="contextual"><div class="button button-green"><span><div class="spritesborrar" id="borrar_jpg" align="center"></div><?php echo link_to('Borrar', 'objetivos/delete?id_ob=' . $objetivo->getIdOb(), array('method' => 'delete', 'confirm' => 'Esta seguro de Eliminar?')) ?></span></div></td>                    


                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table><br>
        </div><br>
        <a href="<?php echo url_for('objetivos/new') ?>"><button class="buttonmediumauto button-red"><span><div id="imagenes" valign="middle"><div class="spritesnewsmall" id="newsmall_jpg" align="center"></div></div><div id="textobutton2">Nuevo Objetivo (Paso 2 Requerimiento 1)</div></span></button></a>
        <a href="<?php echo url_for('proyectos/index') ?>"><button class="buttonmedium button-green"><span><div id="imagenes" valign="middle"><div class="spritesatrasmall" id="atrasmall_jpg" align="center"></div></div><div id="textobutton2">Ir a Proyectos</div></span></button></a>
        <br>
        <a href="<?php echo url_for('techos/index?id_pro='.$proyecto->getIdPro()) ?>"><button class="buttonmediumauto button-black"><span><div id="imagenes" valign="middle"><div class="spritesnewsmall" id="newsmall_jpg" align="center"></div></div><div id="textobutton2">Rubros del Proyecto (Paso 4)</div></span></button></a>
    </div><br><br><br><br>
</html>